<template>
  <div class="box1">
    <img :src="obj.img">
    <div>
      <p>{{ obj.name }}</p>
      <p>观众评分 {{ obj.score }}</p>
      <p>主演: {{ obj.performer }}</p>
      <p>{{ obj.area }}</p>
    </div>
     <p><button>购票</button></p>
  </div>
</template> 

<script>
export default {
  data(){
    return{
      obj:{
        img:require('@/assets/电影4.jpg'),
        name: '拿破仑',
        score: 7.8,
        performer: '本·迈尔斯 凡妮莎·柯比 露德温·塞尼耶 雷德利·斯科特 杰昆·菲尼克斯',
        area: '美国,英国 | 157分钟'
      }
    }
  }
}
</script>

<style scoped>
img{
  width: 200px;
  margin: 0 25px 25px 0;
}
.box1{
 display: flex;
}
button{
  color:#ff5f16;
  margin-right: 20px;
}
</style>

